<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css">
</head>
<body>
    <div id="article" draggable="true" >
        在拖动文本框中的文本时，浏览器会调用setData()方法，将拖动的文本以"text"格式保存在
    dataTransfer 对象中。类似地，在拖放链接或图像时，会调用setData()方法并保存URL。然后，
    在这些元素被拖放到放置目标时，就可以通过getData()读到这些数据。当然，作为开发人员，你也
    可以在dragstart 事件处理程序中调用setData()，手工保存自己要传输的数据，以便将来使用。
        <input type="text" value="你好啊这是一个文本">
        <img src="imgs/2.png" alt="" srcset="">
    </div>
    <div id="drop-container" style="margin:0 auto;width:500px;height:400px;background:#cccccc;">
        <img id="recieve" src="" alt="" srcset="">
    </div>
</body>
<script src="js/chp16-1drop.js"></script>
</html>